<h1>Full tank</h1>
<div ng-controller="FulltankController">
	<p><strong>Count:</strong> {{getPagination().count}}</p>
	<p><strong>Page:</strong> {{getPagination().currentPage}}</p>
	<p><strong>Offset:</strong> {{getPagination().offset}}</p>
    <p><strong>Count per page:</strong> {{getPagination().max}}</p>	
	<table class="table">
		<tr>
			<th>Date</th>
			<th>Cost</th>
			<th>Quantity</th>
			<th>Mileage</th>
		</tr>
		<tr ng-repeat="ft in getPagination().data">
			<td>{{ formatDate(ft.date)}}</td>
			<td>{{ ft.cost }}</td>
			<td>{{ ft.quantity }}</td>
			<td>{{ ft.mileage }}</td>
		</tr>
	</table>
	<div>		
		<ul id="pagination-flickr">
		    <li class="previous"><a ng-click="getPagination().getPreviousPage()">« Précédent</a></li>
		    <li ng-repeat="i in getPagination().getPageNumbers()">
				<div ng-if="i == getPagination().currentPage" class="active">{{i}}</div>
				<div ng-if="i != getPagination().currentPage"><a ng-click="getPagination().getPage(i)">{{i}}</a></div>
		    </li>
		    <li class="next"><a ng-click="getPagination().getNextPage()">Suivant »</a></li>
		</ul>			
	</div>
	<hr/>
	<chart value='basicAreaChart' type="area" height="400" chart-obj='chartObj'>
	</chart>
	<button ng-click="showAddFullTankView()">Add</button>
	<div class="slide-animate-container">
		<div class="animate" ng-include="addFullTankView.url"></div>
	</div>
</div>